.sz-attendance-container {
    .overtime-record-content {
        background: #fff;
        height: calc(100% - 147px);
        overflow: auto;
        padding: 16px 4%;
        box-sizing: border-box;
        -webkit-overflow-scrolling: touch;
        .overtime-record-items {
            padding: 15px 0;
            position: relative;
            &::before {
                @extend %pseudo-classes-border;
                background: #e6e6e6;
            }
            &:last-of-type {
                &::before {
                    display: none;
                }
            }
            .timeStamp {
                margin-bottom: 14px;
                .day {
                    color: #4A4A4A;
                    font-size: 24px;
                    font-weight: bold;
                    em {
                        font-size: 18px;
                        font-style: normal;
                        position: relative;
                        left: -7px;
                        &::before {
                            content: "/";
                            position: relative;
                            left: 0px;
                        }
                    }
                }
                .week {
                    color: #4A4A4A;
                    font-size: 15px;
                    margin-left: -8px;
                }
            }
            .overtimeCumulative {
                color: #898989;
                margin: 10px 0;
                font-size: 14px;
                em {
                    color: #00A0FF;
                }
            }
            .overtimePeriod {
                color: #4A4A4A;
                font-size: 16px;
                margin-bottom: 6px;
            }
            .overtimeApproval {
                color: #9B9B9B;
                font-size: 14px;
            }
        }
    }
}